<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="referrer" content="never">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <iframe src="https://www.taobao.com" frameborder="0" width="600" height="600"></iframe>
  <iframe src="https://www.bilibili.com" frameborder="0" width="600" height="600"></iframe>
</body>
<script>
  // JS组成
  // ECMAScript   基础语法(ES5  =>  ES6)    
  // BOM(Browser Object Module)   浏览器对象模型   提供了操作浏览器的接口和方法
  // DOM(Document Object Module)  文档对象模型     提供了操作文档的接口和方法

  // BOM(Browser Object Module)
  // 浏览器跳转  文档相关  历史记录  地址栏相关 设备相关  屏幕相关


  // window => 全局对象(所有全局变量和函数(方法) 都存储在window中) => 浏览器单个窗口
  // 一般情况下 window可以省略

  // var a = 1;
  // var b = 2;
  // function fn(){
  //     console.log(1111111111);
  // }
  // console.log(window);

  // // 取值
  // console.log(a,window.a);
  // console.log(b,window["b"]);
  // console.log(fn,window.fn);

  // window.name => 窗口的名称(只能是字符串类型,如果存其他类型 会隐式转化为字符串)
  // 省略window    name ()
  // var name = 1;
  // var name = [1,2,3];
  // var name = {a:1,b:2};
  // console.log(name);


  console.log(window);

    // window下的子对象 
    // document(window.document)    history  location navigator screen






</script>

</html>